<template>
  <section class="main">
    <template v-if="locale == 'en'">
      <ProxyEn :data="resultObj.data" />
    </template>
    <template v-else-if="locale == 'zh-cn'">
      <ProxyZhcn :data="resultObj.data" />
    </template>
  </section>
</template>

<script lang="ts" setup name="HomePage">
import { computed, onMounted } from 'vue';
import { useUserStore } from '@/store/modules/user';
import { setLang } from '@/i18n';
import { useI18n } from 'vue-i18n';
import type { FormInstance, FormRules } from 'element-plus';
import ProxyEn from './components/staticResidential/en.vue';
import ProxyZhcn from './components/staticResidential/zh-cn.vue';

const { locale } = useI18n();

const userStore = useUserStore();

const getUserInfo = computed(() => {
  let userInfo = userStore.getUserInfo || {};
  return userInfo;
});

const resultObj = reactive({
  data: [],
});

onMounted(() => { });
</script>
<style lang="scss">
.main {
  min-height: calc(100vh - 148px);
}
</style>
